<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/dist/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" href="css/dist/css/swiper.min.css">
		<script src="css/dist/js/jquery.min.js"></script>
		<script SRC="css/dist/js/bootstrap.min.js"></script>
	 	<script src="css/dist/js/swiper-3.4.2.jquery.min.js"></script>
		<link rel="stylesheet" href="Font-Awesome-3.2.1/css/font-awesome.min.css">
	</head>
	<body>
		<div id="first" style="clear: both">
			<div style="margin: 0;padding: 0;width: 100%;height: 200px;background:url(img/tou.png);background-size: 100% 100%"></div>
		    <div class="nav" style="text-align: center">
				<a href="" style="line-height: 50px;color: #fff;font-size: 25px;font-weight: 700;margin-right: 30px">首页</a>
				<a href="" style="line-height: 50px;color: #fff;font-size: 25px;font-weight: 700;margin-right: 30px">所有宝贝</a>
				<a href="" style="line-height: 50px;color: #fff;font-size: 25px;font-weight: 700;margin-right: 30px">周三新品</a>
				<a href="" style="line-height: 50px;color: #fff;font-size: 25px;font-weight: 700;margin-right: 30px">发饰</a>
				<a href="" style="line-height: 50px;color: #fff;font-size: 25px;font-weight: 700;margin-right: 30px">品牌故事</a>
			</div>
			<div style="clear: both;width: 100%;height:400px">
				<img src="img/beijing.png" height="400" width="100%" alt="">
			</div>
		</div>

		<div id="second">
			<h2 style="color:#e965a7;width: 100%;
	text-align: center;">COMPANY PROFILE</h2>
          <h2 style="width: 100%;
	text-align: center;">公司<span style="color:#e965a7;">简</span>介</h2>
			<p class="sec_p">
				佩妮饰品（法国）有限公司是一家 <span class="red">高档流行饰品</span> 为主的生产企业。专业从事 <span class="red">胶板类流行饰品</span> 设计开发生产和销售。
			</p>
			<div class="con">
                 <div class="left">
                  <p style="text-indent: 32px;line-height: 25px">
				  本公司技术开发力量雄厚：自行研制开发出做饰品最高档最环保的 <span class="red">醋酸纤维素板材</span>。是目前整个东南亚饰品市场唯一一家同时拥有高档饰品板材的生产与成品生产能力的流行饰品生产企业，主要生产有各类 <span class="red">发饰品</span>，如发夹，香蕉夹，插梳，爪夹等等；<span class="red">家居饰品</span>如高档次潮流梳子,镜子，银行卡，电脑优盘等等；<span class="red">服饰品</span>如腰扣，鞋扣，	包扣等等高档时尚饰品。
				  </p>
					 <div class="btn-group">
						 <button style="background: #e965a7;" type="button" class="btn btn-success">learn more</button>
					 </div>
				  </div>
				<div id="right">
					<div class="swiper-container">
						<div class="swiper-wrapper">

							<div class="swiper-slide">
								<img src="img/lun_1.jpg" alt="">
							</div>

							<div class="swiper-slide">
								<img src="img/lun_2.jpg" alt="">
							</div>

							<div class="swiper-slide">
								<img src="img/lun_3.jpg" alt="">
							</div>

						</div>
						<!-- 如果需要分页器 -->
						<div class="swiper-pagination"></div>
						<!-- 如果需要导航按钮 -->
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
						<!-- 如果需要滚动条 -->
						<div class="swiper-scrollbar"></div>
					</div>
					<style>
						.swiper-container {
							width: 600px;
							height: 300px;
						}
					</style>

				</div>
			</div>
		</div>
	<div id="third">
        <h2>
			PRODUCT DISPLAY
		</h2>
		<h3>产品展示</h3>
		<div class="nav">
			<a href="">MISSHINE米夏系列</a>
			<a href="">CHAPLET佩妮系列</a>
			<a href="">少女时代系列</a>
			<a href="">更多》</a>
		</div>
		<div class="con">
			<ul>
				<li><img width="150" height="250" src="img/zhanshi1.jpg" alt="">
				<p>
                栀子花一字夹系列
				</p>
				</li>
				<li><img width="150" height="250" src="img/zhanshi2.jpg" alt="">
					<p>
						换花鸭夹系列
					</p>
				</li>
				<li><img width="150" height="250" src="img/zhanshi3.jpg" alt="">
					<p>
						玫瑰花刘海夹系列
					</p>
				</li>
				<li><img width="150" height="250" src="img/zhanshi5.jpg" alt="">
					<p>
						纯色发箍系列
					</p>
				</li>
			</ul>

		</div>
	</div>
	<div id="four">
         <div style="background: rgba(0,0,0,.3);width: 100%;height: 500px">
             <h2 style="text-align: center;padding-top: 20px" class="red">COMPANY NEWS</h2>
             <h2 style="text-align: center;color: #fff" >公司新闻</h2>
			 <div class="con">
				 <div class="left">
					 <img width="300px" src="img/ipad.png" alt="">
				 </div>
				 <div class="right">
					 <div>
                      <h4 style="color: black;font-weight: 700"><img src="img/tubiao.png" alt="">&nbsp;&nbsp;佩妮饰品：构筑品牌多元化 2014年预期增长1.5倍</h4>
				      <p class="white">
湖北博雅饰品有限公司拥有三家工厂：广州创意塑胶制品与广州佩妮工艺品（流行饰品成品生产）。湖北博雅饰品。三大品牌：MISSHINE米夏，CHAPLET佩妮，CHRLS,GENERATION少女时代......

					  </p>
					 </div>
					 <div>
						 <h4 style="color: black;font-weight: 700"><img src="img/tubiao.png" alt="">&nbsp;&nbsp;百年饰品Chaplet佩妮 新品发布</h4>
						 <p class="white">
 “佩妮饰品” 主要生产有各类发饰品：如发夹，香蕉夹，爪夹等首饰品，如耳环，项链，手镯，戒子等等；家居饰品如高档次潮流梳子，镜子，银行卡，电脑优盘......
						 </p>
					 </div>
					 <div>
						 <h4 style="color: black;font-weight: 700"><img src="img/tubiao.png" alt="">&nbsp;&nbsp;佩妮饰品（法国）诚邀加盟</h4>
						 <p class="white">
佩妮饰品（法国）有限公司是一家以生产中，高档流行饰品为主的生产企业。专业从事胶板类流行饰品设计开发，生产与销售。公司下属两个工厂：创意塑胶制品（高档饰品板材的生产）......
						 </p>
					 </div>
				  </div>
			 </div>
		 </div>
	</div>
	<div id="five">
		<h2 class="head_five">
			HAND MADE
		</h2>
        <div class="con" style="width: 100%;height: 500px;background: rgba(255,255,255,.8)">
          <h2 class="red">
			  手工精神
		  </h2>
			<p class="five_p">
				由于对纯手工的尊敬和热爱，佩妮传承古老手工的精髓，用现代审美的理念和创新思维，将手工工坊里技师们的专注用心，通过双手精细打造，向你讲述精工细作背后的故事。
			</p>
			<div>
				<div class="left_five">
					<img width="200" height="300" src="img/1.jpg" alt="">
				</div>
				<div class="left_right">
					<img width="200" height="150" src="img/2.jpg" alt="">
					<img width="200" height="150" src="img/3.jpg" alt="">
					<img width="200" height="150" src="img/4.jpg" alt="">
					<img width="200" height="150" src="img/5.jpg" alt="">
					<img width="200" height="150" src="img/6.jpg" alt="">
					<img width="200" height="150" src="img/7.jpg" alt="">

				</div>
			</div>
		</div>
	</div>
	<div id="six">
		<h2>FASHION INFORMATION</h2>
		<h3 class="red">时尚资讯</h3>
		<div class="con">
             <div class="con_con" >
				 <img src="img/six1.jpg" width="310" height="250" alt="">
			    <p>
					<h4>
				 换季最美的10个穿搭
			      </h4>
					初入秋季，除了早晚的丝丝凉意外，午后出行依然有着夏末的预热
				</p>
				 <p>
                  <i style="font-size: 20px;margin-left: 20px" class="red icon-time"></i> <span>阅读</span><span style="font-size: 12px">50</span>
                  <i style="margin-left: 30px;font-size: 20px" class="red icon-comment"></i> <span>阅读</span><span style="font-size: 12px">50</span>

				 </p>
			  </div>
			<div class="con_con" >
				<img src="img/six2.jpg" width="310" height="250" alt="">
				<p>
				<h4>
					拥有这些首饰让你瞬间变Chie
				</h4>
				如何吸睛十足，你可能需要这些首饰。当年时穿衣服的时候可以根据自己......
				</p>
				<p>
					<i style="font-size: 20px;margin-left: 20px" class="red icon-time"></i> <span>阅读</span><span style="font-size: 12px">68</span>
					<i style="margin-left: 30px;font-size: 20px" class="red icon-comment"></i> <span>阅读</span><span style="font-size: 12px">43</span>

				</p>
			</div>
			<div class="con_con" >
				<img src="img/six3.jpg" width="310" height="250" alt="">
				<p>
				<h4>
					高级灰------让你美到开挂
				</h4>
				充满高级感的浅灰色衣服，看着就高感上乘，如此低调经典的颜色，你的衣橱里必不可少。
				</p>
				<p>
					<i style="font-size: 20px;margin-left: 20px" class="red icon-time"></i> <span>阅读</span><span style="font-size: 12px">95</span>
					<i style="margin-left: 30px;font-size: 20px" class="red icon-comment"></i> <span>阅读</span><span style="font-size: 12px">76</span>

				</p>
			</div>
		</div>
		<div class="btn-group" style="margin-left: 550px;">
			<button type="button" style="background: #e83a93;color: #fff" class="btn btn-default">More posts</button>
		</div>
	</div>
	<div id="seven">
         <div style="width: 100%;height: 500px;background: rgba(0,0,0,.4)">
			  <h2 style="text-align: center;margin: 0px;padding-top: 20px">Subscribe <span class="red">our</span> newsleter</h2>
		     <h2 style="text-align: center;color: #f5f8f8">Find exactly what you're after Just type a few awesome words in the box below</h2>
		     <input type="text" name="name"  class="form-control address"  placeholder="enter your email address" value="" title="" required="required" >

			 <div style="width: 200px;margin: 0 auto;margin-top: 100px">
				 <button type="button" class="now btn btn-default">subscript now </button>
			 </div>
		    </div>
	</div>
	<div id="eight">
         <h2 class="red" style="text-align: center">COMPLAINT AND ADVICE</h2>
	      <h2 style="color: #539d84;font-weight: 700;text-align: center">投诉建议</h2>
		 <form action="" method="post" role="form">
		 	<div style="width: 600px;margin: 0 auto;margin-bottom: 10px">
		 		<label for=""></label>
		 		<input type="text" style="width: 200px;height: 30px;margin-right: 20px;background: rgba(0,0,0,.2);border: none"  name="" id="" placeholder="姓名">
		 		<input type="text" style="width: 200px;height: 30px;background: rgba(0,0,0,.2);border: none"  name="" id="" placeholder="Email">
		 	</div>
			 <div style="width: 600px;margin: 0 auto;margin-bottom: 10px">
		 		<label for=""></label>
		 		<input type="text" style="width: 200px;height: 30px;margin-right: 20px;background: rgba(0,0,0,.2);border: none"  name="" id="" placeholder="联系电话">
		 		<input type="text" style="width: 200px;height: 30px;background: rgba(0,0,0,.2);border: none"  name="" id="" placeholder="联系地址">
		 	</div>
			 <div style="width: 600px;margin: 0 auto;margin-bottom: 10px">
		 		<label for=""></label>
		 		<input type="text" style="width: 425px;height: 30px;margin-right: 20px;background: rgba(0,0,0,.2);border: none"  name="" id="" placeholder="联系电话">
		 	</div>
			 <div style="width: 600px;margin: 0 auto;margin-top: 10px">
		 		<label for=""></label>
		 	   <textarea name="" id="" style="width: 425px;height: 100px;margin-left: 1px" placeholder="意见："></textarea>
			 </div>
		 	<button style="margin-left: 580px;margin-top: 20px" type="submit" class="btn btn-primary">提交</button>
		 </form>
		<div style="width: 200px;margin: 0 auto;margin-top: 30px">
			<img src="img/F.png" style="margin-right: 20px" alt="">
			<img src="img/birl1.png" style="margin-right: 20px" alt="">
			<img src="img/qiu.png" style="margin-right: 20px" alt="">
		</div>
	</div>
	</body>
	<script>
		var mySwiper = new Swiper ('.swiper-container', {
			direction: 'horizontal',
			autoplay: 2000,//可选选项，自动滑动
			loop: true,

			// 如果需要分页器
			pagination: '.swiper-pagination',

			// 如果需要前进后退按钮
			nextButton: '.swiper-button-next',
			prevButton: '.swiper-button-prev',

			// 如果需要滚动条
			scrollbar: '.swiper-scrollbar',
		})
	</script>
</html>
